<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <title>Join a Desk</title>
    <link rel="stylesheet" type="text/css" href="static/navbar.css" />
    <link rel="stylesheet" type="text/css" href="static/main.css" />
  </head>
  <body>
    <div id="wd-navbar">
      <ul>
        <li>
          <a href="/">Logout</a>
        </li>
        <li id='desk_name'>
        	Goggle Desks
        </li>
        <li>
          <a href="static/about.html">About</a>
        </li>
        <li id="uid">
        	{{user_name}}
        </li>
      </ul>
    </div>
    <div class="content">
    	<h1 align="center">Pick a Desk</h1>
    	<h2>Type the "username"-"desk name" to join a desk, or type a desk name and hit create, to create a new desk. </h2>
		<form action="/desk" method="post">
			Desk Name: <input type="text" name="user_desk_name"> </br>
  			<input type="submit" value="Join" name="join" class="center" >
  			<input type="submit" value="Create" name="create" class="center">
  			<input name="user_name" class="hidden_object" value={{user_name}} >
  			<input name="desk_name" class="hidden_object" value={{desk_name}} >
		</form>
		<font color="red">{{message}}</font>
    </div>
  </body>
</html>
